<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/reset.css" />
    <style type="text/css">
        html,
        body {
            width: 100%;
            height: 100%;
        }
        
        #center {
            width: 500px;
            height: 300px;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        img {
            width: 100%;
            height: 100%;
            position: absolute;
        }
        
        button {
            position: absolute;
            width: 80px;
            height: 30px;
            top: 110%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 3;
        }
    </style>
</head>

<body>
    <div id="center">
        <img src="./img/zhifu.jpg">
        <button type="button">返回首页</button>
    </div>

</body>

</html>
<script src="./nodejs/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $("button").click(function() {
        location.href = "http://192.168.50.142/MIDO/index.html";
    })
</script>